import {ref, watch} from "vue";

export default function useTitle(titleValue) {
  // 1. 修改title
  // document.title = title;
  // 定义ref引入数据
  const title = ref(titleValue);

  watch(title, (newValue) => {
    document.title = newValue;
  }, {
    immediate: true
  })
  return title
  // 修改为{title},破坏Vue的响应式系统对原始Ref对象的追踪，导致修改title.value无法触发watch,
  // return {title}
  
}